<html>

<head>
    <meta charset="UTF-8">
    <title>CSS的三种使用方式练习</title>
    <link rel="stylesheet" href="main.css">
    <style>
    p {
        text-indent: 2em;
        font-size: 16px;
        line-height: 1.5;
    }
    </style>
</head>

<body>
    <h1>CSS的三种使用方式练习</h1>
    <h2>外部样式表</h2>
    <p>外部样式表是一个独立的文件，使用link元素与html文件建立联系。</p>
    <h2>内部样式表</h2>
    <p>内部样式表是写在head部分的样式规则，这些规则使用style元素来组织。</p>
    <h2>内嵌样式表</h2>
    <p style="text-indent: 0;">内嵌样式表是写在元素的起始标签中，使用style属性来实现。</p>
    <h2 class="green" id="title01">CSS语法练习</h2>
    <ul>
        <li><a href="http://codepen.io/">CodePen</a></li>
        <li><a href="http://w3ctech.com/">w3ctech</a></li>
        <li><a href="http://www.qianduan.net/">Web App Trend</a></li>
    </ul>
</body>

</html>